<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>
		
		<!-- 
			form表单作用: 采集数据, 并把数据提交到服务器
			action: 数据提交的地址
			method: http请求的方式, post比get更安全, get比post效率高
		 -->
		<form action="" method="get">
			
			<!-- 
				type=text, 文本输入框 
				placeholder: 占位文本
				name: 传给后台文件的参数的key值
				size: 尺寸, 输入框的宽度
				maxlength: 允许输入的字符的最大长度
				minlength: 允许输入的字符的最小长度
				required: 该输入框必须输入内容
				value: 输入框的值
			-->
			用户名: <input type="text" name="user" placeholder="请输入用户名" -size="6" maxlength="8" minlength="3" required value="111"><br>   
			<!-- 
				type=password, 密码输入框
			 -->
			密码: <input type="password" name="password" placeholder="请输入密码"><br>

			<!-- 
				type=radio 单选框
			 -->
			请选择您的性别: <br>
			<label for="male">男:</label> <input id="male" type="radio" name="gender" value="male"> <label for="female">女:</label> <input type="radio" value="female" name="gender" id="female">

			<br>
			<!-- 
				type=checkbox 多选框
			 -->
			请选择您喜欢的水果: 
			<label for="apple">苹果</label> <input type="checkbox" id="apple" value="apple" name="fruit[]">
			<label for="banana">香蕉</label> <input name="fruit[]" type="checkbox" id="banana" value="banana">
			<label for="wm">西瓜</label> <input name="fruit[]" type="checkbox" id="wm" value="wm">
			
			<br>
			请选择你所在的城市
			<select name="city" id="">
				<option value="0">请选择</option>
				<option value="ay">安阳</option>
				<option value="ny">南阳</option>
				<option value="lk" selected>兰考</option>
				<option value="dg">东莞</option>
			</select>

			<!-- 
				select: 下拉框, multiple 支持多选, selected 默认选中
			 -->
			请选择您喜欢的运动
			<select name="sport[]" id="" multiple>
				<option value="football">足球</option>
				<option value="basketball">篮球</option>
				<option value="pp">乒乓球</option>
			</select>

			<!--  选择文件  -->
			<input type="file" name="myFile">

			<!-- 重置按钮 -->
			<input type="reset">

			<!-- 
				type=submit, 提交按钮
			 -->
			<input type="submit" value="提交">

			<input type="image" src="girl7.jpg">

			<input type="hidden" name="a" value="111">

			
		</form>
		
	</body>
</html>